<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@page import="java.text.SimpleDateFormat" %>
<%@ page language="java" import="java.util.*" %>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>

<!--  -->

<tr>
    <td>
        <table id="__01" width="770" height="223" border="0"
               cellpadding="0" cellspacing="0">
            <tr>
                <td width="770" height="36"
                    background="qtimages/1_02_02_02_01.gif">
                    <table
                            width="98%" height="22" border="0" cellpadding="0"
                            cellspacing="0">
                        <tr>
                            <td width="17%" align="center" valign="bottom"><strong
                                    class="STYLE1">轮播图</strong>
                            </td>
                            <td width="83%">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <table id="__01" width="770" height="178"
                           border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td><img src="qtimages/1_02_02_02_02_01.gif"
                                     width="9" height="178" alt="">
                            </td>
                            <td width="750" height="178" style="padding-left:5px;">


                                <div style="margin:0px;">
                                    <div id="demo" style="float:left; overflow:hidden">
                                        <div id="indemo">
                                            <div id="demo1">
                                                <div id="dbgdtp">
                                                    <table width="100%" height="100%"
                                                           border="0"
                                                           align="center" cellpadding="0"
                                                           cellspacing="0">
                                                        <tr>

                                                            <c:forEach items="${sessionScope.lunboList }" var="lunbo" varStatus="ss">




                                                                <td align="center">
                                                                    <table width="100%"
                                                                           border="0"
                                                                           cellspacing="0"
                                                                           cellpadding="0"
                                                                           id="product">
                                                                        <tr align="center">
                                                                            <td>
                                                                                <div
                                                                                        style=" margin-left:13px; width:150px; height:120px; border:1px #CCC solid; padding:2px; background:#FFF">
                                                                                    <a
                                                                                            href="lunboDetailQian.action?id=${lunbo.id }"
                                                                                            target=""><img
                                                                                            src="./${lunbo.image }"
                                                                                            border="0"
                                                                                            title="${lunbo.biaoti }"
                                                                                            height="120"
                                                                                            width="150"/>
                                                                                    </a>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr align="center">
                                                                            <td><a href=""
                                                                                   target="lunboDetailQian.action?id=${lunbo.id }">${lunbo.biaoti }
                                                                            </a>
                                                                            </td>
                                                                        </tr>


                                                                    </table>
                                                                </td>
                                                            </c:forEach>

                                                        </tr>
                                                    </table>

                                                </div>
                                            </div>
                                            <div id="demo2"></div>
                                        </div>
                                    </div>


                                    <script language="javascript">
                                        var speed = 20;
                                        var tab = document
                                            .getElementById("demo");
                                        var tab1 = document
                                            .getElementById("demo1");
                                        var tab2 = document
                                            .getElementById("demo2");
                                        tab2.innerHTML = tab1.innerHTML;

                                        function Marquee() {
                                            if (tab2.offsetWidth
                                                - tab.scrollLeft <= 0)
                                                tab.scrollLeft -= tab1.offsetWidth
                                            else {
                                                tab.scrollLeft++;
                                            }
                                        }

                                        var MyMar = setInterval(
                                            Marquee,
                                            speed);
                                        tab.onmouseover = function () {
                                            clearInterval(MyMar)
                                        };
                                        tab.onmouseout = function () {
                                            MyMar = setInterval(
                                                Marquee,
                                                speed)
                                        };
                                    </script>

                                    <style type="text/css">
                                        <!--
                                        #dbgdtp {
                                            float: left;
                                            margin: 0px;
                                        }

                                        #demo {
                                            overflow: hidden;
                                            width: 744px;
                                        }

                                        #demo1 {
                                            float: left;
                                        }

                                        #demo2 {
                                            float: left;
                                        }

                                        #indemo {
                                            float: left;
                                            width: 1500%;
                                        }

                                        -->
                                    </style>
                            </td>
                            <td><img src="qtimages/1_02_02_02_02_03.gif"
                                     width="11" height="178" alt="">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td><img src="qtimages/1_02_02_02_03.gif" width="770"
                         height="9" alt="">
                </td>
            </tr>
        </table>
    </td>
</tr>

<!--  -->
